<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="decorator" uri="http://www.opensymphony.com/sitemesh/decorator" %>  
<%@ page import="java.util.List" %>
<%@ page import="com.google.appengine.api.users.User" %>
<%@ page import="com.google.appengine.api.users.UserService" %>
<%@ page import="com.google.appengine.api.users.UserServiceFactory" %>
<%@ page import="com.google.appengine.api.datastore.DatastoreServiceFactory" %>
<%@ page import="com.google.appengine.api.datastore.DatastoreService" %>
<%@ page import="com.google.appengine.api.datastore.Query" %>
<%@ page import="com.google.appengine.api.datastore.Entity" %>
<%@ page import="com.google.appengine.api.datastore.FetchOptions" %>
<%@ page import="com.google.appengine.api.datastore.Key" %>
<%@ page import="com.google.appengine.api.datastore.KeyFactory" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Jeu de dames">
    <meta name="author" content="SIDIBE Moise">

    <title><decorator:title default="MS-Checkers - Jeu de dames" /></title>

    <!-- Bootstrap core CSS -->
    <link href="/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="/bootstrap/css/carousel.css" rel="stylesheet">
	<decorator:head />  
	
	<script src="/scripts/fbAuthScript.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
    <script src="/bootstrap/js/bootstrap.min.js"></script>
    <script src="/bootstrap/docs-assets/js/holder.js"></script>
    <script>
    	function activeMenu(indexMenu){
    		$(".navbar-nav li").eq(indexMenu).addClass("active");
    	}
    </script>
	
	
  </head>
<!-- NAVBAR
================================================== -->
  <body>
    <div class="navbar-wrapper">
      <div class="container">

        <div class="navbar navbar-inverse navbar-static-top" role="navigation">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="/index.jsp">MS-Checkers</a>
            </div>
            <div class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
                <li><a href="/index.jsp">Accueil</a></li>
				<li><a href="/game-rules.jsp">Règles du jeu</a></li>
                <li><a href="/contact.jsp">Contact</a></li>
                <li><a href="/about.jsp">Apropos</a></li>
              </ul>	  
			  <div class="navbar-form navbar-right" style="margin-right:20px;">
				<div id="fb-root"><fb:login-button width="300" max-rows="1"></fb:login-button></div>
				<div id="userName"></div>
			  </div>
			</div>
        </div>
    </div>

	
	<div class="container">
		
		<decorator:body />  
		
		<hr class="featurette-divider">
      <!-- FOOTER -->
        <footer>
			<div class="row">
			<div class="col-md-4"><p>&copy; 2014</p></div>
			<div class="col-md-4"><p>Ce site est en contruction</p></div>
			<div class="col-md-4"><p class="pull-right"><a href="#">Back to top</a></p></div>
			</div>
        </footer>

    </div><!-- /.container -->
  </body>
</html>
  